@charset"utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
html {
    font-size: 62.5%;    
}
body {font-size: 1.2rem;/*1.4 × 10px = 14px */}
.font-118{font-size: 1rem;}/*设计图上字号为30的*/
.font-11{font-size: 1.1rem;}/*设计图上字号为33的*/
.font-18{font-size: 1.8rem;}/*设计图上字号为35的*/
.font-14{font-size: 1.4rem;}/*设计图上字号为45的*/
.font-15{font-size: 1.5rem;}/*设计图上字号为45的*/
.font-16{font-size: 1.6rem;}/*设计图上字号为48的*/
.font-19{font-size: 1.9rem;}/*设计图上字号为58的*/
.font-2{font-size: 2rem;}/*设计图上字号为60的*/
.font-24{font-size: 2.4rem;}/*设计图上字号为72的*/
.font-10{font-size: 1rem;}/*10号文字*/
.font-09{font-size: 0.9rem;}/*10号文字*/
.font-b{font-weight: bold;}
.linedc-1{height: 1px;background: #dcdcdc;width: 100%;}
.bcolor-eb , .bcolor-eb .footer-h{background: #eaedf4;}
.bcolor-f7{background: #f7faff;}
.bcolor-f7two{background: #f7f7f7;}
.qGreenbgcolor{background: #e2f4da;}
.hcolor{color: #1da2df;}
.ycolor{color: #fda63f;}
.yycolor{color: #ff7268;}
.Greencolor{color: #96d77d;}
.GGreenbgcolor{color: #7dbe63}
.color-85{color: #858585;}
.color-dc{color: #dcdcdc;}
.bcolor{color: #17b4eb;}
.colorb{color: #bbb;}
.color9{color: #999;}
.color6{color: #666;}
.bluecolor{color: #66a3fe;}
.b-f{background: #66a3fe;color: #fff;border-radius: 0.33rem;padding: 0 0.1rem;}
.y-f{background: #ff7268;color: #fff;border-radius: 0.33rem;padding: 0 0.1rem;}
.deepy-f{background: #fe5143;color: #fff;border-radius: 0.33rem;padding: 0 0.1rem;}
.yellow-f{background: #ff9b06;color: #fff;border-radius: 0.33rem;padding: 0 0.1rem;}
.Greenbgcolor{background: #96d77d;color: #fff;}
.white-borderr{ border-right: 1px solid #fff;}
.bgw-cob{border: 1px solid #e2f4da; background: #fff; color: #7cbe5e;}
.bgb-cow{border: 1px solid #66a3ff; background: #66a3ff; color: #fff;}
.yborder{border: 1px solid #ff9690;}
.greenborder{border: 1px solid #abdf97;}
.border-r5{border-radius: 0.5rem;}
.width100{width: 100%;}
.bodyA{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 9999;
    text-align: center;
}
.bodyA img{
    position: relative;
    top: 50%;
    margin: -93px 0 0;
}
/*首页幻灯片样式*/
.swipe {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.fixedelement2 img , .modular9 a , .modular4-con21 img , .modular4-con8 a , .swipe img , .modular4-con6 a , .modular4-con7 a , .modular6-topa , .modular6-topa span , .modular6-topa img , .modular4-con8 img{
    display: block;
}
.swipe #pagenavi {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.swipe #pagenavi a.active {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ff0;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    position: relative;
}
.swipe #pagenavi a {
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    line-height: 99em;
    margin: 0 9px 0 0;
    overflow: hidden;
    position: relative;
    width: 7px;
}
.swipe #pagenavi a.active {
    background: #17b4eb;
    position: relative;
}
.mainiconpane {
    display: inline-block;
    margin-bottom: 15px;
}
/*幻灯片代码结束*/
/*模板1-首页头部选项卡菜单样式*/
.mould-1{
    background: #fff;
}
.mould-1 li{
    float: left;
    width: 33%;
    line-height: 3.5rem;
    height: 3.5rem;
}
.mould-1 li a{
    display: block;
    color: #666;
    font-size: 1.5rem;
    text-align: center;
}
.mould-1 li.current a , .mould-1 li a:hover{
    color: #ff7067;
}
/*模板1-首页头部选项卡内容投资项目样式*/
.mould-2{
    padding: 0.4rem 0.6rem;
}
.mould-2 > li{
    background: #fff;
    border-radius: 0.33rem;
    border: 1px solid #d2d2d2;
    margin: 0 0 .4rem;
    padding: 0 0 1rem;
}

.mould-2tit{
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1rem;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    border-bottom: 1px dashed #fdbb6c;
}
.mould-2info , .mould-2infoti{
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
}
.mould-2info > div{
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    width: 100%;
}
.mould-2info span{
    margin-left: 0.4rem;
    display: inline-block;
    height: auto;
    height: 1.2rem;
    line-height: 1.2rem;
}
.mould-2time{
    padding: 0 0.6rem 0 0.5rem;
    background: #fff;
    width: 8rem;
    text-align: right;
}
.mould-2infoti span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    line-height: 3.5rem;
    height: 3.5rem;
    color: #66a3fe;
}
/*圆形样式进度条*/
.circle {
    width: 7rem;
    height: 7rem;  
    position: relative;
    border-radius: 50%;
    background: #96d77d;
    margin: auto auto;
}
.pie_left, .pie_right {
    width: 7rem; 
    height: 7rem;
    position: absolute;
    top: 0;left: 0;
}
.left, .right {
    display: block;
    width:7rem; 
    height:7rem;
    background:#dddbd9;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.pie_right, .right {
    clip:rect(0,auto,auto,3.5rem);
}
.pie_left, .left {
    clip:rect(0,3.5rem,auto,0);
}
.mask {
    width: 5.8rem;
    height: 2.6rem;
    border-radius: 50%;
    left: 0.6rem;
    top: 0.6rem;
    background: #FFF;
    position: absolute;
    text-align: center;
    font-size: 1rem;
    padding: 1.6rem 0;
    text-align: center;
}
.mask p{
    width: 100%;
}
.mask-line1{line-height: 2.9rem;}
/*投资列表项内容*/
.mould-2con{
    padding: 0.6rem 0.4rem 0.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
}
.mould-2conleft , .mould-2conright{
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    font-size: 1rem;
    position: relative;
}
.mould-2line{height: 0.8rem;}
.mould-2conright{top: -0.5rem;}
.mould-2conleft > ul , .mould-2conright > ul{
    width: 100%;
    text-align: center;
}
.mould-2conright .mould-2num{
    display: inline;
    padding: 0 0.5rem;
    font-size: 1.5rem;
    position: relative;
    top: -0.1rem;
}
.mould-2conright .mould-2num span{padding: 0;}
.mould-2conright .mould-2jl{height: 2.6rem;}
.mould-2conright .mould-2jl2{height: 3.2rem;margin-top: 0.6rem;padding: 0.2rem 0;}
.mould-2conright .mould-2jl img{display: block; margin: 0 auto;}
/*列表链接按钮*/
.mould-2bot a , .mould-2bot input{ color: #fff; display: block;margin: 0 2.7rem; height: 3rem; line-height: 3rem;text-align: center;font-size: 1.5rem3 }
/*列表内容结束*/
/*底部样式*/
.footer-h{height: 7rem;}
#footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    border-top: 1px solid #ebebeb;
}
.footer-nav {
    background: #fff;
    width: 100%;
    padding: 8px 0;
}
.footer-nav li {
    width: 33%;
    float: left;
}
.footer-nav li a {
    display: block;
    text-align: center;
    color: #666;
    font-size: 1.4rem;
}
.footer-nav li.current-bot a{
    color: #17b4eb;
}
.footer-nav li a img{
    height: 2.5rem;
    display: block;
    margin: 0 auto;
}
/*关于我们页面的所有单页模板以下页面分块书写样式*/
.modular1 , .modular3{
    padding: 0.5rem 1rem;
}
.modular1 li{
    line-height: 3.5rem;
    font-size: 1.4rem;
    border-bottom: 1px solid #dcdcdc;
}
.modular1 li a{
    display: block;
    background: url("../images/arrow-right.png") right center no-repeat;
}
.modular1 li a img{
    vertical-align: middle;
    height: 2rem;
    margin: 0 0.6rem 0 0.4rem;
}
.modular2{
    text-align: center;
}
.modular2poa{
    position: absolute;
    width: 100%;
    bottom: 5.5rem;
}
.modular3 h2{
    font-size: 1.4rem;
    line-height: 4rem;
    border-bottom: 1px solid #d2d2d2;
    color: #333;
}
.modular3-con{
    font-size: 1.2rem;
}
.modular3-con p{
    margin-top: 1.2rem;
    line-height: 1.5rem;
}
.modular3-con p img{
    max-width: 100%;
}
/*我的账户详情部分*/
.modular4{    /*头部*/
    position: relative;
}
.modular4-con{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}  
.modular4-con p , .modular4-con table{
    position: absolute;
} 
.modular4-con1{
    top: 22%;
    left: 41%;
    font-size: 1.3rem;
}
.modular4-con2{
    top: 27%;
    left: 33%;
    font-size: 3.3rem;
}
.modular4-con table{
    top: 65%;
    left: 4%;
    width: 92%;
    text-align: center;
}
.modular4-con table td{
    width: 50%;
    line-height: 1.5rem;
}
.modular4-con table td span{
    font-size: 1.3rem;
}
.modular4-con4{
    top: 84%;
    left: 31%;
    font-size: 0.9rem;
}
.modular4-con5{
    top: 60%;
    left: 35%;
    font-size: 3.3rem;
}
.modular4-con6{
    top: 34%;
    left: 26%;
    width: 14%;
}
.modular4-con7{
    top: 41%;
    left: 58%;
    width: 14%;
}
.modular4-con8{
    width: 22%;
    border-radius: 50%;
    overflow: hidden;
    top: 17%;
    left: 6%;
}
.modular4-con8 span{
    display: block;
    position: relative;
}
.modular4-con8 a{
    display: block;
}
.modular4-con8 input , .fixedelement2 input{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    opacity: 0;
}
.modular4-con9{
    top: 10%;
    left: 34%;
}
.modular4-con9 em{
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0.5rem 0 0;
}
.modular4-con10{
    top: 27%;
    left: 34%;
    font-size: 1rem;
}
.modular4-con11{
    top: 38%;
    left: 34%;
    font-size: 1rem;
}
.modular4-con12{
    top: 50%;
    left: 34%;
    font-size: 1rem;
}
.modular4-con13{
    width: 64%;
    text-align: right;
    top: 62%;
    left: 34%;
    font-size: 1rem;
}
.modular4-con13 span{
    float: left;
}
.modular4-con13 a{
    color: #fff;
    text-decoration: underline;
}
.modular4-con14{
    width: 45%;
    top: 76%;
    left: 34%;
}
.modular4-con14 a{
    display: block;
    height: 2rem;
    width: 45%;
    line-height: 2rem;
    text-align: center;
}
.modular4-con15{
    top: 5%;
    right: 2%;
    height: 1rem;
    width: 1rem;
}
.modular4-con15 a{
    height: 1rem;
    width: 1rem;
    text-indent: -999999em;
    display: block;
    background: url("../images/self-setup.png") center no-repeat;
    background-size: 100% 100%;
}
.modular4-con16{
    left: 5%;
    top: 8%;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.modular4-con17{
    position: absolute;
    top: 27%;
    left: 6%;
}
.modular4-con18{
    top: 30%;
    left: 34%;
    color: #231815;
    font-size: 1.4rem;
}
.modular4-con18 span{
    color: #96d77d;
    font-size: 2.1rem;
}
.modular4-con19{  
    top: 58%;
    left: 34%;
}
.modular4-con20{
    top: 72%;
    left: 34%;
}
.modular4-con21{
    width: 18%;
    top: 33%;
    right: 6%;
}
.modular4-con21 span{
    display: block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 2.2rem;
    background: #ff7268;
    border-radius: 0.5rem;
}
.modular5-tit{  /*选项卡标题*/
    background: #fff;
}
.modular5-tit li {
    float: left;
    width: 25%;
    line-height: 3.4rem;
    height: 3.4rem;
}
.modular5-tit li a {
    display: block;
    color: #666;
    font-size: 1.5rem;
    text-align: center;
}
.modular5-tit li.current a, .modular5-tit li a:hover {
    color: #ff7067;
}
.modular5-con{  /*选项卡内容*/
    padding: 0.4rem 0.6rem 0;
    background: #fff;
    margin: 0.5rem 0 0;
}
.modular5-con table{
    width: 100%;
    text-align: center;
}
.modular5-con table td{
    border-bottom: 1px solid #dddede;
    padding: 0.6rem;
}
.modular5-conttit td{
    color: #b9b9ba;
}
.modular5-contit{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.modular5-con1h{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*我的账户页面*/
.modular6{
    width: 94%;
    margin: -2rem auto 0;
}
.modular6-topa{
    position: relative;
    color: #fff;
    width: 6rem;
    height: 4.5rem;
}
.modular6-topa span{
    position: absolute;
    top: 0;
    left: 0;
    width: 2.4rem;
    height: 2.6rem;
    padding: 1.9rem 1.8rem 0;
    line-height: 1.2rem;
}
.modular6-con{
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}
.modular6-con td{
    padding: 0.3rem 0 0 1rem;
    font-size: 1.4rem;
}
.modular6-con td.padding-t{
    padding: 0.3rem 0 0 1rem;
}
.modular6-con td.padding-b{
    padding: 0 0 0.3rem 1rem;
}
.modular6-con td div{
    padding: 0.5rem;
}
.modular7{
    width: 94%;
    margin: 1.5rem auto;
}
.modular7 a{
    width: 46%;
    height: 3.5rem;
    line-height: 3.5rem;
    display: block;
    text-align: center;
    font-size: 1.6rem;
    border-radius: 8px;
}
.modular8{
    padding: 0.4rem 0.6rem 0;
    background: #fff;
}
.modular8 li{
    border-bottom: 1px solid #e5e5e5; 
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    color: #666;
    line-height: 3.5rem;
    font-size: 1.4rem;
}
.modular8-left{
    width: 8.5rem;
}
.modular8-right{
    color: #333;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-box-pack:end;
    -webkit-box-align:end;
    -moz-box-pack:end;
    -moz-box-align:end;
    -o-box-align:end;
    -o-box-pack:end;
    box-align:end;
    box-pack:end;
}
.modular9 , .modular10 h2{
    color: #666;
    line-height: 3.5rem;
    font-size: 1.4rem;
    margin: 0 0.5rem;
    border-bottom: 1px solid #e5e5e5; 
}
.modular9 a{
    color: #666;
}
.modular9 span{
    float: right;
    color: #96d77d;
    display: block;
}
.modular10 p{
    margin: 1rem 0.5rem;
    text-indent: 2em;
}
.mould11-tit li , .modular12-tit li{
    width: 50%;
    float: left;
    text-align: center;
}
.mould11-tit li a , .modular12-tit li a{
    display: block;
    background: #e3f5db;
    color:#97d77c;
    position: relative;
    height: 3.2rem;
    line-height: 3.2rem;
    margin: 0 0 12px;
}
.mould11-tit li.current2 a{
    background: #97d77c;
    color:#fff;
}
.mould11-tit li.current2 a:after{
    content: "";
    position: absolute;
    top: 3.2rem;
    left: 50%;
    margin-left: -4px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-top-color: #97d77c;
}
.mould11-con1{
    padding: 1rem;
}
/*从注册都充值之类的有表单的页面*/
.modular12-tit{
    border-bottom: 6px solid #ebebeb;
}
.modular12-tit li a{
    background: #fff;
    color: #666;
    margin: 0;
}
.modular12-tit li.current4 a{
    color: #ff7067;
}
.choicebank{
    margin: 0.8rem 0.6rem;
    padding: 0.3rem;
    border: 1px solid #eee;
    color: #999;
    line-height: 1.6rem;
    word-break: break-all;
}
.radio{
    width: 24px;
    height: 23px;
    background: url("../images/radio.png") no-repeat;
    background-position: 0 -27px;
    display: block;
    margin: 0 0.8rem 0 0.4rem;
}
.bankname{
    font-size: 1.4rem;
    color: #333;
}
.banklogo{
    margin: 0 0.8rem 0 0;
    width: 5rem;
    display: block;
}
.current3 .radio{
    background: url("../images/radio.png") no-repeat;
    background-position: 0 0;
}
.modular12-con1from{
    padding: 1rem 1.5rem;
}
.balance{
    font-size: 1.3rem;
    color: #666;
    line-height: 2rem;
}
.twoelement , .oneelement{
    overflow: hidden;
    border-radius:0.5rem; 
    line-height: 3rem;
    height: 3rem;
    margin: 1rem 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
}
.twoelement input, .oneelement input , .twoelement select{
    background: #fff;
    border: none;
    line-height: 3rem;
    height: 3rem;
    padding-left: 0.6rem;
}
.haveborder{
    height: auto;
}
.haveborder input.greenborder{
    border: 1px solid #abdf97;
}
.fixedelement1{
    padding: 0 1rem;
    display: block;
    border-bottom: none;
    border-top: none;
    border-right: none;
}
.fixedelement2 , .fixedelement3{
    position: relative;
    width: 7.5rem;
    height: 3rem;
    padding: 0 0 0 1rem;
}
.fixedelement2 span{
    display: block;
    background: #96d77d;
    color: #fff;
    width: 7.5rem;
    height: 3rem;
    border-radius: 0.5rem;
    text-align: center;
    font-size: 1.4rem;
}
.fixedelement2 img{
    height: 100%;
}
.modular12-con1ts3{
    border: 1px solid #d2d2d2;
    border-radius: 0.5rem;
    margin: 1rem 0;
    overflow: hidden;
}
.modular12-con1ts3 img{
    display: block;
    width: 90%;
    margin: 1rem auto;
}
.modular12-con1ts4 a{
    margin: 0.5rem 0;
    color: #66a3fe;
}
.modular12-con1ts5{
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 0.5rem;
    margin: 0 0 1rem;
}
.changeelement{
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
}
.voucher{
    padding: 1rem 2rem;
    background: #fafafa;
    border: 1px solid #d2d2d2;
    border-radius: 0.5rem;
    margin: 1rem 0;
}
.form-ok input{
    border: none;
    width: 100%;
    margin: 1rem 0 0;
    border-radius: 0.5rem;
    font-size: 1.4rem;
}
#tip-error{
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
}
#tip-error span{
    display: block;
    margin: 0 auto;
    background: #6f6a6a;
    color: #fff;
    height: 40px;
    line-height: 40px;
    width: 200px;
    font-size: 14px;
    border-radius: 15px; 
}
.modular12-con1ts1 , .modular12-con1ts2{
    margin: 1rem 0;
}
.modular12-con1ts1 input{
    vertical-align: middle;
    margin: 0 0.5rem 0 0;
}
.modular14 li a{
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    width: 100%;
    color: #666;
}
.modular14 img{
    height: 2rem;
    margin: 0 0.6rem 0 0.4rem;
    vertical-align: middle;
}
.modular14 .modular8-left{
    width: 12rem;
}
.modular15{
padding: 1rem 1rem 0;
}
.modular16{
    position: relative;
}
.modular16 ul{
    position: absolute;
    left: 0;
    top: 3rem;
    width: 100%;
    background: #fff;
    margin-top: 2px;
    padding: 0 0 10px;
    border: 1px solid #abdf97;
    border-top: none;
    border-radius: 0 0 8px 8px;
    height: 300px;
    overflow-y: auto;
}
.modular16 ul li{
    padding: 0.2rem 0.5rem;
}
.modular16 ul li a{
    display: block;
    border-bottom: 1px dashed #dfdfdf;
    color: #bbb; 
    padding:0 1rem 0.5rem;
}
.modular16 ul li img{
    width: 1.6rem;
    vertical-align: middle;
    display: inline-block;
    margin-right: 1rem;
}
.modular16 ul li h2{
    font-size: 1.6rem;
    color: #818181;
}
.modular16 ul li p{
    text-indent: 2.6rem;
}
select#selCity, select#selProvince {
    line-height: 3rem;
    height: 3rem;
}